import axios from 'axios'
import nprogress from 'nprogress'
import { getToken } from '@/utils/auth'
import store from '@/store'
import router from '@/router'

/* 创建axios的实例 */
const request = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

/* 配置请求拦截器 */
request.interceptors.request.use(config => {
    // 在发送请求之前做些什么
    nprogress.start()
    // 在请求头上携带token
    const token = getToken()
    if (token) {
      config.headers.Authorization = token
    }
    return config
  }, error => {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

/* 配置响应拦截器 */
request.interceptors.response.use(response => {
  // 2xx 范围内的状态码都会触发该函数，对响应数据做点什么
  nprogress.done()
  if (response.data && response.data.code !== 10000) {
    return Promise.reject(new Error(response.data.msg))
  }
  return response.data
}, async error => {
  // 超出 2xx 范围的状态码都会触发该函数，对响应错误做点什么
  nprogress.done()
  if (error.response && error.response.status === 500 || error.response.status === 400) {
    return Promise.reject(new Error(error.response.data.msg))
  }
  // 处理token失效的情况
  if (error.response && error.response.status === 401) {
    await store.dispatch('user/logout')
    router.push({ path: '/login', query: { redirect: location.hash.substring(1) } })
  }
  return Promise.reject(error)
})

export default request
